﻿<%@ Page Language="C#" MasterPageFile="~/YUIAspNet.Master" AutoEventWireup="true" CodeBehind="Skinning.aspx.cs" Inherits="YUIAspNetDemo.Button.Skinning" Title="Untitled Page" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <title>YUIAsp.Net Controls : LiveDemo : Button : Button Skinning</title>
    <link rel="stylesheet" type="text/css" href="skin/button.css"/>
    <link rel="stylesheet" type="text/css" href="skin/button-skin.css"/>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <h1>Button skinning</h1>
   
    <p>The control has css type skinning, so if you want to create another skin for it, just set it's CssClass property to your new skin's name, turn off embedded skins and make sure you include the appropriate css files.</p>
    
    <p>More detailed information about button css classes to change/apply can be found at <a href="http://developer.yahoo.com/yui/button/#skinning">Yahoo! UI Library's Button page</a>.</p>
    
    <p>Here's a customized button skin:
        <yui:Button ID="btnClientSide" CssClass="customButtonSkin" EnableEmbeddedSkin="false" Text="Modified button skin" runat="server" />
    </p>
    
    <p>Here is the code behind the button:</p>
    <piece:SyntaxHighlighter ID="btnSkin" runat="server" Language="Xml">
        <ContentTemplate>
            <yui:Button ID="Button1" CssClass="customButtonSkin" EnableEmbeddedSkin="false" 
                Text="Modified button skin" runat="server" />
        </ContentTemplate>
    </piece:SyntaxHighlighter>
</asp:Content>
